<template>
<div>
  
       <li>
           <div class="imgs">
               <img src="http://shihuoproxy.hupucdn.com/aHR0cDovL2ltZy5hbGljZG4uY29tL2ltZ2V4dHJhL2k0LzMxNTg4NDk2NjAvTzFDTjAxendRVjVGMkxFS1paVHQyQmZfISEzMTU4ODQ5NjYwLmpwZw..?imageView2/0/w/300/h/300/interlace/1">
           </div>
           <div class="txt-area">
               <div class="title">NIKE M2K TEK</div>
               <div class="txt">
                   <img style="margin-right:10px;" src="http://sh1.hoopchina.com.cn/fis_static/shihuomobile/static/zhuangbei/index/icon-1_5297253.png">
                   具备复古韵味又具科技特色
                   <img style="margin-left:10px;" src="http://sh1.hoopchina.com.cn/fis_static/shihuomobile/static/zhuangbei/index/quote_right_711acf3.png">
               </div>
               <div class="price-area">
                   <div class="t1">
                       淘宝
                       <span>
                           $418.00
                       </span>
                   </div>
                   <div class="t2">
                       <img src="http://sh1.hoopchina.com.cn/fis_static/shihuomobile/static/zhuangbei/index/icon-2_2bc8bc4.png">
                       500000000
                   </div>
               </div>
           </div>
       </li>

      
 
 
</div>
  
</template>

<script>

</script>

<style lang="stylus" scoped>
@import '~@a/reset.css';


li
    display flex
    padding: .13rem 0;
    border-bottom: 1px #e6e6e6 solid;
    position: relative;
    .imgs
        width .9rem
        text-align center
        img 
            width 100%
    .txt-area
        flex 1
        padding: 0rem .1rem 0 .15rem;
        .title
            font-size: .1rem;
            height: .28rem;
            word-break: break-all;
            word-wrap: break-word;
        .txt 
            font-size: 13px;
            margin-top: .1rem;
            height: .2rem;
            img 
                margin-top: -1px;
                margin-right: 1px;
                width: 5px;
        .price-area
            display flex
            margin-top: .12rem;
            justify-content space-between
            .t1     
                font-size 13px
                span 
                    color #ff4338
                    margin-left 0.01rem
            .t2            
                img 
                    vertical-align: middle;
                    position: relative;
                    margin: -1px .03rem 0 0;
                    width: 0.12rem;





</style>